<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收藏</title>
</head>
<body>
    <div class="app-nearby dpflex fdcolumn">
         <!-- 头部 -->
         <!-- <div class="head dpflex">
            <div class="content dpflex">
                <p>关注</p>
                <p class="text" id="text">附近</p>
                <p>收藏</p>
                <p>个人动态</p>
            </div>
            <div class="add">
                添加 +
            </div>
        </div> -->
        <!-- 用户名 -->
        <div class="username dpflex fdcolumn">
            <div class="msg dpflex">
                <div class="msg-left dpflex">
                    <img src="../imgs/dog.jpg" alt="">
                    <div class="adress  dpflex fdcolumn">
                        <p class="name">用户名</p>
                        <p class="from">四川省宜宾市</p>
                    </div>
                </div>
                <p>+关注</p>
            </div>
            <p class="text">有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。<span>...全部</span>
            </p>
            <div class="photo">
                <div class="p-left dpflex">
                    <img src="../imgs/cat.jpg" alt="">
                    <img src="../imgs/course-img01.jpg" alt="">
                    <img src="../imgs/运动照片2.jpeg" alt="">
                </div>
                <div class="p-right dpflex">
                    <img src="../imgs/运动照片1.jpeg" alt="">
                    <img src="../imgs/运动照片3.jpeg" alt="">
                    <img src="../imgs/健身2.jpg" alt="">
                </div>
            </div>
            <div class="number dpflex">
                <p class="time">4小时之前</p>
                <div class="num-right dpflex">
                    <div class="num1 dpflex">   
                        <span class="iconfont icon-dianzan"></span>
                        <p>9999</p>
                    </div>
                    <div class="num2 dpflex">   
                        <span class="iconfont icon-quanbupinglun"></span>
                        <p>9999</p>
                    </div>
                </div>
            </div>
        </div>
        <p class="kind"></p>
        <!-- 用户名 -->
        <div class="username dpflex fdcolumn">
            <div class="msg dpflex">
                <div class="msg-left dpflex">
                    <img src="../imgs/dog.jpg" alt="">
                    <div class="adress  dpflex fdcolumn">
                        <p class="name">用户名</p>
                        <p class="from">四川省宜宾市</p>
                    </div>
                </div>
                <p>+关注</p>
            </div>
            <p class="text">有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。<span>...全部</span>
            </p>
            <div class="photo">
                <div class="p-left dpflex">
                    <img src="../imgs/训练01.jpeg" alt="">
                    <img src="../imgs/训练02.jpeg" alt="">
                    <img src="../imgs/训练03.jpeg" alt="">
                </div>
                <div class="p-right dpflex">
                    <img src="../imgs/训练04.jpeg" alt="">
                    <img src="../imgs/运动照片1.jpeg" alt="">
                    <img src="../imgs/运动照片2.jpeg" alt="">
                </div>
            </div>
            <div class="number dpflex">
                <p class="time">4小时之前</p>
                <div class="num-right dpflex">
                    <div class="num1 dpflex">   
                        <span class="iconfont icon-dianzan"></span>
                        <p>9999</p>
                    </div>
                    <div class="num2 dpflex">   
                        <span class="iconfont icon-quanbupinglun"></span>
                        <p>9999</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <a  href="#" class="nav-item">
                <span class="iconfont icon-shouye1"></span>
                <p>首页</p>
            </a>
            <a  href="#" class="nav-item">
                <span class="iconfont icon-bianzubeifen"></span>
                <p>运动</p>
            </a>
            <a  href="#"  class="nav-item on">
                <span class="iconfont icon-pintu"></span>
                <p class="two">圈子</p>
            </a>
            <a  href="#" class="nav-item">
                <span class="iconfont icon-wode"></span>
                <p>我的</p>
            </a>
        </div>
    </div>
</body>
</html>